<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String base = request.getContextPath();
    request.setAttribute("base", base);
%>

<!-- 充值记录 -->
<c:forEach items="${trades}" var="trade" varStatus="us">
    <div class="divitem">
        <div style="width:100%;">
            <button class="div_btnday">${trade.tradeDay}</button>
            <button class="div_btndiamond">${trade.tradeDiamond}</button>
            <button class="div_btnspace">  </button>
            <button class="div_btntime">${trade.tradeTime}</button>
            <button class="div_btntype">${trade.tradeType}</button>
        </div>
    </div>
</c:forEach>

<!-- javascript -->
<script>
    $(document).ready(function(){
        //计算显示尺寸
        countRect();
        $(window).resize(function () {
            countRect();
        });
    });

    function countRect () {
        //
        var ww,wh,fsz;
        ww = parseInt ($(window).width());
        wh = parseInt ($(window).height())
        fsz = ww * 0.04;
        $('.div_btnday').css('font-size', fsz * 1.1);
        $('.div_btndiamond').css('font-size', fsz * 1.1);
        $('.div_btntime').css('font-size', fsz * 0.9);
        $('.div_btntype').css('font-size', fsz * 0.9);
        $('.div_btnspace').css('height', wh * 0.01);
        $('#div_none').css('font-size', fsz);
        $('#div_return').css('font-size', wh * 0.03);
        $('#div_bar').css('height', wh * 0.06);
        $('#div_blank').css('margin-top', wh * 0.07);
    }
</script>